<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>23_节点操作-删除</title>
    </head>
    <body>
        <ul>
            <li>白敬亭</li>
            <li>朴灿烈</li>
            <li id="l3">成毅</li>
            <li>朱浩森</li>
        </ul>

        <script>
            // 这种方式不建议使用 比较麻烦  因为删除的时候需要找到他的父元素
            // var ul = document.querySelector('ul');
            // var li = document.querySelector('#l3');
            // ul.removeChild(li);

            // 一般开发的时候  都是直接找到对象 然后删除
            var li = document.querySelector('#l3');
            li.remove();
        </script>
    </body>
</html>